import { defineComponent } from "vue";
import "./index.less";
import { stepProps } from "./types";
export default defineComponent({
  name: "step",
  props: stepProps,
  setup(_) {
    return () => {
      return (
        <div class="flex flex-col ">
          {_.data.map((e) => {
            return (
              <div class="flex items-center justify-between step-item">
                <span class="circles" />
                <span>{e.name}</span>
                <span>{e.value}</span>
              </div>
            );
          })}
        </div>
      );
    };
  },
});
